/* - - - - - - - - - - - - - - - - -*/
/*           Importations           */
/* - - - - - - - - - - - - - - - - -*/

@import "url";
@import "main";

/* - - - - - - - - - - - - - - - - -*/
/*            Variables             */
/* - - - - - - - - - - - - - - - - -*/

@height : 1512px;
@width : 1905px;

@height_header: 170px;
@height_footer: 404px;
@height_stick: 8px;
@width_content: 1004px;

@height_user_bar: 38px;
@height_nav_bar: 104px;
@height_logo_bar: 102px;
@width_logo_bar:632px;
@width_logo_bar_right:6px;

/* - - - - - - - - - - - - - - - - -*/
/*               Page               */
/* - - - - - - - - - - - - - - - - -*/






#header
{
	width : @width;
	height : @height_header;
	.barretop 
	{
		height:6px;
		float:left;
		position: relative;
		width: 100%;
		background-color:#151515;
	}
	#user_bar
	{
		height : @height_user_bar;
		text-decoration : none;
		position : absolute;
		top : -10px;
		left : 910px;
		.first
		{
			width : 7px;
			padding : 0px;
			background : url("@{url_user}/CoinGauche.png") no-repeat;
		}
		li
		{
			height : @height_user_bar;
			text-decoration : none;
			background : url("@{url_user}/Corps.png") repeat-x;
			display : block;
			float : left;
			padding-left : 19px;
			color : #fff;
			font-size : 15px;
			img
			{
				margin-top : 7px;
				margin-right : 9px;
				margin-left : 20px;
				float : left;
			}
			.separation
			{
				float : right;
				margin : 0px;
				top:-10px;
			}
			 span
			{
				float : left;
				margin-top : 8px;
			}
		}
		.last
		{
			width : 7px;
			padding : 0px;
			background : url("@{url_user}/CoinDroit.png") no-repeat;
		}
	}
	#logo_bar
	{
		width : @width_logo_bar;
		height : @height_logo_bar;
		background : url("@{url_logo}/Bloc.png");
		position : absolute;
		top : 64px;
		left : 0px;
		img
		{
			position : relative;
			float : right;
			right : 35px;
			top : 24px;
		}
	}
	#nav_bar
	{
		height : @height_nav_bar;
		text-decoration : none;
		position : absolute;
		top : 48px;
		left : 650px;
		.first
		{
			width : 7px;
			padding : 0px;
			background : url("@{url_nav}/CoinGauche.png") no-repeat;
			
		}
		li
		{
			height : @height_nav_bar;
			text-decoration : none;
			background : url("@{url_nav}/Corps.png") repeat-x;
			display : block;
			float : left;
			padding-left : 20px;
			padding-right : 20px;
			color : #000;
			font-size : 16px;
			font-family : "Myriad Pro Bold";
			text-align : center;
			padding-left : 40px;
			span, img 
			{
				margin-top : 40px;
				display : inline-block;
			}
			.fleche 
			{
				margin-top : 0px;
			}
		}
		.last
		{
			width : 7px;
			padding : 0px;
			background : url("@{url_nav}/CoinDroit.png") no-repeat;
		}
		.separation
		{
			float : left;
			margin : 0px;
			
		}
	}
}
#content
{
	height : @height - @height_footer - @height_header - @height_stick;
	width : @width_content;
	position : relative;
	margin-left: 455px;
}
#footer
{
	width : @width;
	height : @height_footer;
	background : #151515;
	#lien 
	{
		table
		{
			
			margin-left : 455px;
			margin-top : 35px;
			border-bottom : 1px solid #202020;
			tr
			{
				height : 141px;
				td
				{
					width : 205px;
					vertical-align : text-top;
					ul
					{
						list-style : none;
						position : absolute;
						margin-left : -30px;
						li
						{
							text-decoration : none;
							color : #404040;
							font-size : 13px;
							.old
							{
								color: #252525;
							}
						}
						.title
						{
							text-decoration : none;
							color : #aaa;
							font-size : 14px;
							text-transform : uppercase;
							.bold
							margin-bottom : 5px;
						}
					}
				}
				.separator
				{
					width : 1px;
					background : #202020;
					padding : 0px;
				}
			}
			.space
			{
				height : 25px;
			}
		}
	}
	#copyright
	{
		color : #404040;
		font-size : 13px;
		width : 1010px;
		margin : auto;
		margin-top : 20px;
		span
		{
			float : right;
			position : relative;
			left : 75px;
		}
		img
		{
			float : right;
			position : relative;
			right : 75px;
		}
	}
}			
#color_stick
{
	width : @width;
	height : @height_stick;
	background : url("@{url_footer}/Bande.png")
}

